<!doctype html>
<html lang="ko">

<head>
	<meta charset="utf-8">
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>book</title>

	<link rel="stylesheet" href="../css/common.css" type="text/css"/>
	<link rel="stylesheet" href="../css/sub1.css" type="text/css"/>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script src="../js/gev.js"></script>
</head>

<body>
	<section id="sub" class="gev">
		<header class="header">
			<div class="before_search">
				<div class="btn_side"><a href="javascript:void(0);"><img src="../images/common/btn_side.png" alt="" /></a></div>
				<h1><a href="javascript:void(0);"><img src="../images/common/h1_gev.png" alt="" /></a></h1>
				<div class="btn_search"><a href="javascript:void(0);"><img src="../images/common/btn_search.png" alt="" /></a></div>
			</div>

			<div class="after_search" style="display:none;">
				<div class="txt_search_wrap">
					<div class="txt_search_inner">
						<input type="search" class="txt_search" placeholder="search">
						<a href="javascript:void(0);" class="btn_all_search"><img src="../images/common/btn_all_search.png" alt="" /></a>
					</div>
				</div>

				<a href="javascript:void(0);" class="close_search"><img src="../images/common/btn_close_search.png" alt="" /></a>
			</div>
		</header>
		
		<section class="container">
			
			<header class="login_area">
				<div class="fix">
					<a href="javascript:void(0);" class="prev">뒤로가기</a>
					<h3>회원가입</h3>
				</div>

				<p>가입하시면 다양한 서비스를 이용할 수 있으며, 네이버, 페이스북 아이디로도 가능합니다.</p>

				<div class="use_social fix">
					<div class="disable_naver btn_naver">
						<a href="javascript:void(0);">
							<span class="naver"><em>NAVER</em></span>
							<span class="txt">아이디 사용</span>
						</a>
					</div>

					<div class="disable_facebook btn_facebook">
						<a href="javascript:void(0);">
							<span class="facebook"><em>facebook</em></span>
							<span class="txt">아이디 사용</span>
						</a>
					</div>
				</div>
			</header>
			
			<section class="member">
				<form action="#none">
					<ul>
						 <li class="input_id">
							<span class="input_area">
								<input type="text" name="id" id="member_id" class="input" value="" placeholder="아이디">
								<em>5~15자 영문, 숫자로 만들 수 있습니다.</em>
								<span class="warn" style="display:block;">영문,숫자로 정확히 입력해주세요.</span>
								<a href="javascript:void(0);" class="delete">지우기</a>
							</span>
						 </li>

						 <li class="input_nick">
							<span class="input_area">
								<input type="text" name="id" id="member_nick" class="input" value="" placeholder="닉네임">
								<em>5~15자 영문, 숫자로 만들 수 있습니다.</em>
								<span class="warn">영문,숫자로 정확히 입력해주세요.</span>
								<a href="javascript:void(0);" class="delete">지우기</a>
							</span>
						 </li>
						
						 <li class="input_pw">
							<span class="input_area">
								<input type="password" name="pw" id="member_password" class="input" placeholder="비밀번호">
								<em>5~15자 영문, 숫자로 만들 수 있습니다.</em>
								<span class="warn">영문,숫자로 정확히 입력해주세요.</span>
								<a href="javascript:void(0);" class="delete">지우기</a>
							</span>
						 </li>
						
						 <li class="input_rpw">
							<span class="input_area">
								<input type="password" name="rpw" id="member_rpassword" class="input" placeholder="비밀번호 재확인">
								<em>비밀번호를 다시 한번 입력해주세요.</em>
								<span class="warn">영문,숫자로 정확히 입력해주세요.</span>
								<a href="javascript:void(0);" class="delete">지우기</a>
							</span>
						 </li>
						
						 <li class="input_email">
							<div class="email fix">
								<span class="input_area">
									<input type="text" name="txt" id="member_mail" class="input" placeholder="이메일" />
								</span>
								
								<span class="email_area">
									<select>
										<option>메일서비스선택</option>
									</select>
								</span>
							</div>

							<div class="email_agree">
								<span class="chk">
									<input type="checkbox" />
								</span>

								<span class="txt">메일수신 동의(본인확인 및 서비스 정보 수단으로 제공 예정)</span>
							</div>
						 </li>
					</ul>
					
					<div class="agree1_wrap">
						<div class="agree1">
							<span class="chk">
								<input type="checkbox" />
							</span>

							<span class="txt">이용약관 동의</span>
						</div>

						<a href="#none">자세히보기</a>
					</div>

					<div class="agree2_wrap">
						<div class="agree2">
							<span class="chk">
								<input type="checkbox" />
							</span>

							<span class="txt">개인정보 취급방침 동의</span>
						</div>

						<a href="#none">자세히보기</a>
					</div>
					
					<div class="btn_submit">
						<div class="submit_reg">
							<input type="submit" value="회원가입" />
						</div>

						<div class="submit_reset">
							<input type="reset" value="취소" />
						</div>
					</div>
				</form>
				
			</section>

		</section>

		<footer class="footer">
			<div class="sitemap">
				<span class="mygev"><a href="#none">My 게볼루션</a></span>
				<span class="login"><a href="#none">로그인</a></span>
				<span class="pc"><a href="#none">PC버전</a></span>
			</div>

			<div class="corp">
				<a href="#none">회사소개</a><em>|</em>
				<a href="#none">이용약관</a><em>|</em>
				<a href="#none">개인정보 취급방침</a><em>|</em>
				<a href="#none">고객센터</a>
			</div>
			
			<div class="copyright">@ tapfunny Corporation. All Rights Reserved.</div>
		</footer>

		<!--20140619 남동훈 수정 -->
		<section class="panel" id="panel">
			<!-- <div class="before_login">로그인 전-->
			<div class="after_login"><!-- 로그인 후-->
				
				<div class="info">
					<div class="login_info fix">
						<!--img src="../images/before_login.png" alt="" /-->
						<img src="../images/common/after_login.png" alt="" />
						<span class="nick">예삐냠냠.</span>
					</div>

					<a class="home" href="javascript:void(0);"><img src="../images/common/btn_home.png" alt="" /></a>
					<a class="close" href="javascript:void(0);"><img src="../images/common/btn_panel_close.png" alt="" /></a>
				</div>

				<div class="panel_list">
					<div class="common_list">
						<ul>
							<li class="login">
								<a href="#none">
									<span class="menu">로그아웃</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="reg">
								<a href="#none">
									<span class="menu">my 게볼루션</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>

					<div class="menu_list">
						<h2>메뉴</h2>
						<ul>
							<li class="score">
								<a href="#none">
									<span class="menu">게임스코어</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="online">
								<a href="#none">
									<span class="menu">온라인게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="mobile">
								<a href="#none">
									<span class="menu">모바일게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="community">
								<a href="#none">
									<span class="menu">커뮤니티</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="event">
								<a href="#none">
									<span class="menu">이벤트</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="customer">
								<a href="#none">
									<span class="menu">고객센터</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>
				</div>

			</div>

		</section>

		<div class="dimmed"></div>

	</section>
</body>
</html>